<template>
  <div>
    <p>我要离岗</p>
<el-card class="box-card">
     <div class="box">
        <span>用户名称</span>
        <span>管理员</span>
      </div>
      <div class="box">
        <span>离岗时间</span>
        <span>2019-08-02 10.40.54</span>
      </div>
      <div class="box">
        <span>到岗时间</span>
        <span>无</span>
      </div>
      <div class="box">
        <span>是否到岗</span>
        <span>否</span>
      </div>
  
</el-card>
    
     
   
  </div>
</template>
<script>
export default {};
</script>
<style scoped>

p {
  text-align: center;
  color: red;
  height: 35px;
  line-height: 25px;
  background-color: #fff;
	padding-top: 7px;
	padding-bottom: 7px;
}
.box {
    display: flex;
    justify-content: space-between;
}
span {
    font-size: 14px;
    height: 40px;
    padding: 10px;
}
</style>
